<template>
  <div class="app-container">
    <el-row :gutter="18">
      <!--业务字典-->
      <el-col :span="11">
        <div class="inner-container">
          <dict-index @refreshDictItemData="(dict)=>$refs.dictItemIndex.init(dict)" />
        </div>
      </el-col>
      <el-col :span="12">
        <div class="inner-container">
          <dict-item-index ref="dictItemIndex" />
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import DictIndex from './DictIndex'
import DictItemIndex from './DictItemIndex'

export default {
  name: 'SysDict',
  components: { DictIndex, DictItemIndex }
}
</script>
 
<style  scoped> 
.el-col {
  padding: 0;
  background-color: #fff;
}
.el-col-11 {
  margin-left: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
}
.el-col-12 {
  padding-top: 20px;
  margin-left: 20px;
  padding-bottom: 10px;
}
.app-container {
  padding: 0px;
  background-color: #f6f7fb;
}
</style>
